<!DOCTYPE html>
<!-- saved from url=(0080)file:///F:/web%20desigining/Big%20Perl/oct/8-10/saree_search_page/saree/tees.htm -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
			<meta charset="utf-8">
				
				<link type="text/css" rel="stylesheet" href="./tees_files/home.css">
				<link rel="stylesheet" href="tees_files/zoom/easyzoom.css">		
				<script src="./tees_files/jquery-1.10.2.min.js"></script>
				<script src="./tees_files/easyzoom.js"></script>
				
				
				 
     <style type="text/css">

  

	</style>

     <script type="text/javascript">
		
		var menu_name="",x=0,popup_name,top_value=0,image_number=0;
		
		
		/*function change_image(image_number)
		{
		
			document.getElementById('large_image').src="gallery/"+image_number+".jpg";
		
		
		}*/
		
		 
		function show_popup(popup_name)
		{
		
			document.getElementById(''+popup_name).style.display="block";
			
			//document.getElementById('test').innerHTML="   "+top_value+"  "+document.getElementById(''+popup_name).style.top;
					
		}
		
		
		function hide_popup(popup_name)
		{
			document.getElementById(''+popup_name).style.display="none";
			
			
			
		}
		
				
		function highlight(menu_name,x)
		{
			if(x==0)
			{
				document.getElementById(''+menu_name).style.borderColor="black";
			
			}else
				{
					document.getElementById(''+menu_name).style.borderColor="#01a54f";
					
				}
			
		
		
		
		}
		
		
		function test()
		{
		
		
						
				if(window.pageYOffset>135)
				{
					document.getElementById('state_menu').style.position="fixed";
					document.getElementById('state_menu').style.top="-15px";	
					document.getElementById('check_box_menus').style.position="fixed";
					document.getElementById('check_box_menus').style.top="89px";	
					
				
				
				}else
					{
						document.getElementById('state_menu').style.position="absolute";
						document.getElementById('state_menu').style.top="120px";
						document.getElementById('check_box_menus').style.position="absolute";
						document.getElementById('check_box_menus').style.top="220px";
						
				
					}
					
					
			
			
			//document.getElementById('test').innerHTML=" pageYOffset: " + window.pageYOffset;
		
		}
	  	
	
		
     </script>

			
			
							
			
		</head>
		
		
		
		<body bgcolor="white" style="margin: 0px auto;" onscroll="test()">
		
		
				<div style="width:1024px;margin:0px auto;paddding:0px auto;">
				
				
					
							
						
						
						
						
						
						
						
						
						
						
						
						
					<div>	
						<div id="check_box_menus" style="box-shadow: 10px 10px 5px #888888;">
							<p style="font-size:19px;font-family:arial;" id="test">Type</p>
								<ul id="check_box_menus_ui">
									<li class="check_box_menus_ui_li"><input type="checkbox" checked="" name="food_type" value="Chinese cuisine"> Camp shirt </li>									
									<li class="check_box_menus_ui_li"><input type="checkbox" name="food_type" value="European cuisine"> Dress shirt </li>	
									<li class="check_box_menus_ui_li"><input type="checkbox" name="food_type" value="Italian cuisine"> Long-sleeved </li>	
									<li class="check_box_menus_ui_li"><input type="checkbox" name="food_type" value="Italian cuisine"> Ringer T-shirt</li>	
								</ul>
							<img src="./tees_files/pixel.JPG" width="100%" height="3">	
							
							<p style="font-size:19px;font-family:arial;">Discount</p>
								<ul id="check_box_menus_ui">
									<li class="check_box_menus_ui_li"><input type="checkbox" name="food_type" value="Chinese cuisine"> 60% and above</li>									
									<li class="check_box_menus_ui_li"><input type="checkbox" name="food_type" value="European cuisine"> 50% and above</li>	
									<li class="check_box_menus_ui_li"><input type="checkbox" name="food_type" value="Italian cuisine"> 40% and above</li>	
									<li class="check_box_menus_ui_li"><input type="checkbox" name="food_type" value="Italian cuisine"> 30% and above</li>	
								</ul>
							<img src="./tees_files/pixel.JPG" width="100%" height="3">	
							
							
						</div>
						
					</div>	
						
					<div style="margin-left: 220px;margin-top:20px; ">
								
								<div style="padding: 10px; width: 800px; height: 160px; border: 1px solid rgb(1, 165, 79); box-shadow: rgb(136, 136, 136) 10px 10px 5px;" id="menu_1" onmouseover="highlight(&#39;menu_1&#39;,1)" onmouseout="highlight(&#39;menu_1&#39;,0)">
								
									<div style="margin:-10px;padding:0px;height:180px;float:left;border: 1px solid #000000;border-top:0px;border-left:0px;border-bottom:0px;">
										<div style="padding:15px;">
											<img id="search_results_div_image" src="./tees_files/1.jpg" height="160" width="130" onclick="show_popup(&#39;gallery_popup_1&#39;)" style="cursor:pointer;">
												<br>											
																					
											
										</div>									
									</div>	
									
									<div style="width:550px;height:180px;margin-left:10px;margin-top:-10px	;float:left;border:1px solid #000000;border-top:0px;border-left:0px;border-bottom:0px;">
										<div style="border:1px solid #000000;border-top:0px;border-right:0px;border-left:0px;height:45px;">
											<img src="./tees_files/menu.jpg" class="menu_icon">
											<img src="./tees_files/gallery_icon.jpg" class="menu_icon" onclick="show_popup(&#39;gallery_popup_1&#39;)">				
											<img src="./tees_files/reviews.JPG" class="menu_icon">
											<img src="./tees_files/contact_us.jpg" class="menu_icon">
										</div>	
										
										<div style="border:0px solid #000000;height:128px;">
											
											
											<div style="float:left;padding-top:10px;width:160px;padding-left:30px;">
												<img src="./tees_files/cost for 2.jpg" style="padding-left:55px;padding-top:15px;" align="center">	
												<p style="width:120px;" align="center">Approx Cost for 4 People : <b>Rs.1800</b></p>
											</div>	
											
											<div style="float:right;width:190px;">
												
													<div style="float:left;margin-top:3px;">
														<div style="float:left">
															<img src="./tees_files/homedelivery_small.png">													
														</div>
													
														<div style="float:left;">													
															<p id="home_dilver" style="font-size:12px;font-family:Arial;margin:3px;">Home delivery: <b>1hr - 3hrs</b></p>													
														</div>
													</div>
													
													
													
													<div style="float:left;margin-top:5px;">
														
													
														<div style="float:left;">													
															<p id="home_dilver" style="font-size:12px;font-family:Arial;margin:3px;">No. of items sold : <b>5</b></p>													
														</div>
													</div>
													
													<div style="float:left;margin-top:5px;">
																											
														<div style="float:left;">													
															<p id="home_dilver" style="font-size:12px;font-family:Arial;margin:3px;">No. of items remaining : <b>7</b></p>													
														</div>
													</div>
													
													
													
													
													<div style="float:left;margin-top:5px;">
														<div style="float:left">
															<img style="cursor:pointer;box-shadow:rgb(136, 136, 136) 5px 5px 1px" src="./tees_files/freeze.png" width="140px">													
														</div>
													
														
													</div>																									
													
													
													
											</div>	
											
											
										</div>	
										
											
											
											
											
																		
										
										
									</div>	
									
									
										<div style="margin-top:-10px;margin-left:12px;padding:0px;height:200px;float:left;">
													<div style="height:100px;">
														<p style="font-size:15px;" align="center">Dress Cost:</p> 
														<p style="margin:0px;margin-top:0px;font-size:22px;font-family:arial;color:red;" align="center"><b>Rs.500</b></p> 
													</div>								
													
													
											<div style="height:100px;margin-top:-15px;">
											
												
													<div style="padding-top:5px;">
														<img src="./tees_files/buy.png" style="padding-top:5px;cursor:pointer;" width="80px">
													</div>
													
													
													
													
											</div>		
													
													
													
										</div>
										

									
									
									
									
								</div>		
					
					<br>
					
				<div style="padding:10px;width:800px;height:160px;border: 1px solid #000000;box-shadow: 10px 10px 5px #888888" id="menu_1" onmouseover="highlight(&#39;menu_1&#39;,1)" onmouseout="highlight(&#39;menu_1&#39;,0)">
								
									<div style="margin:-10px;padding:0px;height:180px;float:left;border: 1px solid #000000;border-top:0px;border-left:0px;border-bottom:0px;">
										<div style="padding:15px;">
											<img id="search_results_div_image" src="./tees_files/2.jpg" height="160" width="130" onclick="show_popup(&#39;gallery_popup_2&#39;)" style="cursor:pointer;">
												<br>											
																					
											
										</div>									
									</div>	
									
									<div style="width:550px;height:180px;margin-left:10px;margin-top:-10px	;float:left;border:1px solid #000000;border-top:0px;border-left:0px;border-bottom:0px;">
										<div style="border:1px solid #000000;border-top:0px;border-right:0px;border-left:0px;height:45px;">
											<img src="./tees_files/menu.jpg" class="menu_icon">
											<img src="./tees_files/gallery_icon.jpg" class="menu_icon" onclick="show_popup(&#39;gallery_popup_2&#39;)">				
											<img src="./tees_files/reviews.JPG" class="menu_icon">
											<img src="./tees_files/contact_us.jpg" class="menu_icon">
										</div>	
										
										<div style="border:0px solid #000000;height:128px;">
											
											
											<div style="float:left;padding-top:10px;width:160px;padding-left:30px;">
												<img src="./tees_files/cost for 2.jpg" style="padding-left:55px;padding-top:15px;" align="center">	
												<p style="width:120px;" align="center">Approx Cost for 4 People : <b>Rs.1100</b></p>
											</div>	
											
											<div style="float:right;width:190px;">
												
													<div style="float:left;margin-top:3px;">
														<div style="float:left">
															<img src="./tees_files/homedelivery_small.png">													
														</div>
													
														<div style="float:left;">													
															<p id="home_dilver" style="font-size:12px;font-family:Arial;margin:3px;">Home delivery: <b>1hr - 3hrs</b></p>													
														</div>
													</div>
													
													
													
													<div style="float:left;margin-top:5px;">
														
													
														<div style="float:left;">													
															<p id="home_dilver" style="font-size:12px;font-family:Arial;margin:3px;">No. of items sold : <b>5</b></p>													
														</div>
													</div>
													
													<div style="float:left;margin-top:5px;">
																											
														<div style="float:left;">													
															<p id="home_dilver" style="font-size:12px;font-family:Arial;margin:3px;">No. of items remaining : <b>7</b></p>													
														</div>
													</div>
													
													
													
													
													<div style="float:left;margin-top:5px;">
														<div style="float:left">
															<img style="cursor:pointer;box-shadow:rgb(136, 136, 136) 5px 5px 1px" src="./tees_files/freeze.png" width="140px">													
														</div>
													
														
													</div>																									
													
													
													
											</div>	
											
											
										</div>	
										
											
											
											
											
																		
										
										
									</div>	
									
									
										<div style="margin-top:-10px;margin-left:12px;padding:0px;height:200px;float:left;">
													<div style="height:100px;">
														<p style="font-size:15px;" align="center">Dress Cost:</p> 
														<p style="margin:0px;margin-top:0px;font-size:22px;font-family:arial;color:red;" align="center"><b>Rs.300</b></p> 
													</div>								
													
													
											<div style="height:100px;margin-top:-15px;">
											
												
													<div style="padding-top:5px;">
														<img src="./tees_files/buy.png" style="padding-top:5px;cursor:pointer;" width="80px">
													</div>
													
													
													
													
											</div>		
													
													
													
										</div>
										

									
									
									
									
								</div>		
					
					<br>
					
					<div style="padding:10px;width:800px;height:160px;border: 1px solid #000000;box-shadow: 10px 10px 5px #888888" id="menu_1" onmouseover="highlight(&#39;menu_1&#39;,1)" onmouseout="highlight(&#39;menu_1&#39;,0)">
								
									<div style="margin:-10px;padding:0px;height:180px;float:left;border: 1px solid #000000;border-top:0px;border-left:0px;border-bottom:0px;">
										<div style="padding:15px;">
											<img id="search_results_div_image" src="./tees_files/3.jpg" height="160" width="130" onclick="show_popup(&#39;gallery_popup_3&#39;)" style="cursor:pointer;">
												<br>											
																					
											
										</div>									
									</div>	
									
									<div style="width:550px;height:180px;margin-left:10px;margin-top:-10px	;float:left;border:1px solid #000000;border-top:0px;border-left:0px;border-bottom:0px;">
										<div style="border:1px solid #000000;border-top:0px;border-right:0px;border-left:0px;height:45px;">
											<img src="./tees_files/menu.jpg" class="menu_icon">
											<img src="./tees_files/gallery_icon.jpg" class="menu_icon" onclick="show_popup(&#39;gallery_popup_3&#39;)">				
											<img src="./tees_files/reviews.JPG" class="menu_icon">
											<img src="./tees_files/contact_us.jpg" class="menu_icon">
										</div>	
										
										<div style="border:0px solid #000000;height:128px;">
											
											
											<div style="float:left;padding-top:10px;width:160px;padding-left:30px;">
												<img src="./tees_files/cost for 2.jpg" style="padding-left:55px;padding-top:15px;" align="center">	
												<p style="width:120px;" align="center">Approx Cost for 4 People : <b>Rs.1400</b></p>
											</div>	
											
											<div style="float:right;width:190px;">
												
													<div style="float:left;margin-top:3px;">
														<div style="float:left">
															<img src="./tees_files/homedelivery_small.png">													
														</div>
													
														<div style="float:left;">													
															<p id="home_dilver" style="font-size:12px;font-family:Arial;margin:3px;">Home delivery: <b>1hr - 3hrs</b></p>													
														</div>
													</div>
													
													
													
													<div style="float:left;margin-top:5px;">
														
													
														<div style="float:left;">													
															<p id="home_dilver" style="font-size:12px;font-family:Arial;margin:3px;">No. of items sold : <b>5</b></p>													
														</div>
													</div>
													
													<div style="float:left;margin-top:5px;">
																											
														<div style="float:left;">													
															<p id="home_dilver" style="font-size:12px;font-family:Arial;margin:3px;">No. of items remaining : <b>7</b></p>													
														</div>
													</div>
													
													
													
													
													<div style="float:left;margin-top:5px;">
														<div style="float:left">
															<img style="cursor:pointer;box-shadow:rgb(136, 136, 136) 5px 5px 1px" src="./tees_files/freeze.png" width="140px">													
														</div>
													
														
													</div>																									
													
													
													
											</div>	
											
											
										</div>	
										
											
											
											
											
																		
										
										
									</div>	
									
									
										<div style="margin-top:-10px;margin-left:12px;padding:0px;height:200px;float:left;">
													<div style="height:100px;">
														<p style="font-size:15px;" align="center">Dress Cost:</p> 
														<p style="margin:0px;margin-top:0px;font-size:22px;font-family:arial;color:red;" align="center"><b>Rs.640</b></p> 
													</div>								
													
													
											<div style="height:100px;margin-top:-15px;">
											
												
													<div style="padding-top:5px;">
														<img src="./tees_files/buy.png" style="padding-top:5px;cursor:pointer;" width="80px">
													</div>
													
													
													
													
											</div>		
													
													
													
										</div>
										

									
									
									
									
								</div>		
					
					<br>
					
					
					
						
						
						

					
					<br>
					<br>
					<br>
					<br>
					<br><br>
					

											
					</div>	
					
					<div id="city_popup" style="box-shadow: 5px 10px 10px #888888;border: 3px solid #f7f7f7;width:500px;height:400px;background-color:white;position:fixed;left:500px;top:204px;display:none;">
					<img src="./tees_files/close.png" style="float:right;cursor:pointer;" onclick="hide_popup(&#39;city_popup&#39;)">
					 <ul align="center" style="padding:0px;">
								 
								
								
								<li style="list-style-type: none;">
									  <select id="city_name">
									  <option>Select City</option>
									  <option value="bangalore">Bangalore</option>
									  <option value="hyderabad">Hyderabad</option>
									  <option value="chennai">Chennai</option>
									  <option value="delhi">Delhi</option>
									  </select>
								</li>
					</ul>				
			
				  </div>
				
				
				
				<div id="menu_popup" style="box-shadow: 5px 10px 10px #888888;border: 3px solid #f7f7f7;width:800px;height:500px;background-color:white;position:fixed;left:350px;top:70px;display:none;">
					<!--<img src="close.png" style="float:right;cursor:pointer" onclick="hide_popup('menu_popup')" >
						
						<iframe src="Discount Bowl.pdf" width="800px"  height="450px" scrolling="no" border="0" frameborder="0" ></iframe>					
					-->
				</div>
				
				
				<div id="gallery_popup_1" style="box-shadow: rgb(136, 136, 136) 5px 10px 10px; border: 3px solid rgb(247, 247, 247); width: 800px; height: 300px; position: fixed; left: 350px; top: 70px; display: none; background-color: white;">
				<img src="./tees_files/close.png" style="float:left;cursor:pointer" onclick="hide_popup(&#39;gallery_popup_1&#39;)">
					
					
						<div class="easyzoom easyzoom--adjacent is-ready">
							<a href="tees_files/1.1.jpg">
								<img src="./tees_files/1.jpg" alt="" style="padding-left:150px;padding-top:30px">
							</a>
						</div>
						
					
						
				</div>
				
				<div id="gallery_popup_2" style="box-shadow: 5px 10px 10px #888888;border: 3px solid #f7f7f7;width:800px;height:300px;background-color:white;position:fixed;left:350px;top:70px;display:none;">
				<img src="./tees_files/close.png" style="float:left;cursor:pointer" onclick="hide_popup(&#39;gallery_popup_2&#39;)">
					
					
						<div class="easyzoom easyzoom--adjacent">
							<a href="tees_files/2.1.jpg">
								<img src="./tees_files/2.jpg" alt="" style="padding-left:150px;padding-top:30px">
							</a>
						</div>
						
					
						
				</div>
				
				<div id="gallery_popup_3" style="box-shadow: rgb(136, 136, 136) 5px 10px 10px; border: 3px solid rgb(247, 247, 247); width: 800px; height: 300px; position: fixed; left: 350px; top: 70px; display: none; background-color: white;">
				<img src="./tees_files/close.png" style="float:left;cursor:pointer" onclick="hide_popup(&#39;gallery_popup_3&#39;)">
					
					
						<div class="easyzoom easyzoom--adjacent is-ready">
							<a href="tees_files/3.1.jpg">
								<img src="./tees_files/3.jpg" alt="" style="padding-left:150px;padding-top:30px">
							</a>
						</div>
						
					
						
				</div>
						
				<script>
				// Instantiate EasyZoom plugin
				var $easyzoom = $('.easyzoom').easyZoom();

				// Get the instance API
				var api = $easyzoom.data('easyZoom');
			</script>
					
			
			
			
		
		
		



</div></body></html>